<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>手机版-首页</title>
		<!--设置手机适应-->
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/mobliebase.css" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/mobileindex.css" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/icon.css" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/swiper.css" />
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
   </head>
	<body>
		<div id="pagers">
			<!--顶部搜索栏-->
			<div class="top_panel clearfix">
				<div class="top_left fl">
					<a href="#">
						<i class="glyphicon glyphicon-qrcode"></i><span>
				    	扫一扫
				    </span></a>
				</div>
				<div class="top_center fl">
					<a href="search"><i class="glyphicon glyphicon-search"></i>
						<span>搜索</span>
						<i class="glyphicon glyphicon-camera"></i>
					</a>
				</div>
				<div class="top_right fr">
					<a href="#">
						<i class="glyphicon glyphicon-comment"></i><span>
				    	消息
				   </span></a>
				</div>
			</div>
			<!--页面内容-->
			<div class="content_panel">		
				<!--内容区域-->
				<div class="scroll">
					<!--滚动图片-->
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><a href="#"><img src="/img/mobile/index/index_01.png"/></a></div>
							<div class="swiper-slide"><a href="#"><img src="/img/mobile/index/index_02.png"/></a></div>
							<div class="swiper-slide"><a href="#"><img src="/img/mobile/index/index_01.png"/></a></div>
							<div class="swiper-slide"><a href="#"><img src="/img/mobile/index/index_02.png"/></a></div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
					<script src="/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
					<script type="text/javascript">
						var swiper = new Swiper('.swiper-container', {
							pagination: '.swiper-pagination',
							paginationClickable: true,
							loop: true
						});
					</script>
					<!--滚动图片结束-->
					<div class="content_mid_btn">
                      <ul>
                      	<li><a href="#"><img src="/img/mobile/index/001.png"/><span>立减30元</span></a></li>
                      	<li><a href="#"><img src="/img/mobile/index/002.png"/><span>试用/热销</span></a></li>
                      	<li><a href="#"><img src="/img/mobile/index/003.png"/><span>今日推荐</span></a></li>
                      	<li><a href="#"><img src="/img/mobile/index/004.png"/><span>物流查询</span></a></li>
                      </ul>
					</div>
					<!--热销推荐-->
					<div class="group_list">
						<div class="group_item">
							<div class="ic">								
							</div>
							<a href="#"><img src="/img/mobile/index/index_01.png"/></a>
						</div>
						<div class="group_item">
							<div class="ic">								
							</div>
							<a href="#"><img src="/img/mobile/index/index_02.png"/></a>
						</div>
						<div class="group_item">
							<div class="ic">								
							</div>
							<a href="#"><img src="/img/mobile/index/index_01.png"/></a>
						</div>
						<div class="group_item">
							<div class="ic">								
							</div>
							<a href="#"><img src="/img/mobile/index/index_02.png"/></a>
						</div>
					</div>
				</div>
				<div class="bottom_end">
					
				</div>
				<!--拉到底部时提示信息-->				
			</div>
			<!--<script src="js/loading.js" type="text/javascript" charset="utf-8"></script>-->
			<!--底部工具栏-->
			<div class="bottom_panel clearfix">
				<div class="btn_groups">
					<a class="selected" href="/mobile/"><i class="glyphicon glyphicon-home"></i><span>
				    	首页
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/event"><i class="glyphicon glyphicon-tags"></i><span>
				    	活动
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/catelist"><i class="glyphicon glyphicon-th-large"></i><span>
				    	分类
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/cart"><i class="glyphicon glyphicon-shopping-cart"></i><span>
				    	购物车
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/me"><i class="glyphicon glyphicon-user"></i><span>
				    	我的
				    </span></a>
				</div>
			</div>
		</div>
	</body>

</html>